<?php $zara->factory->startSection("content"); ?>
<?php if($type == "full" or empty($type)): ?>   
<div class="container">
    <div class="card">
        
        <div class="card m-b-0" id="messages-main">
            
            <div class="ms-menu" style="overflow: auto;">
                <div class="ms-block">
                    <div class="dropdown" data-animation="flipInX,flipOutX">
                        <a class="btn btn-primary btn-block waves-effect waves-button" href="#" data-toggle="dropdown"><span id="sort-now">Открытые</span> <i class="caret m-l-5"></i></a>

                        <ul class="dropdown-menu dm-icon w-100">
                            <li class="sort active" sort-type="opened" sort-text="Открытые"><a href="#"><i class="md md-lock-open"></i> <span>Открытые</span></a></li>
                            <li class="sort" sort-type="closed" sort-text="Закрытые"><a href="#"><i class="md md-lock-outline"></i> <span>Закрытые</span></a></li>
                        </ul>
                    </div>
                </div>
                
                <div class="listview lv-user m-t-20" id="ticketsList">
                    <?php foreach($tickets as $item): ?>
                    <div class="lv-item media ticket" ticket-id="<?php echo e($item['ticket_id']); ?>">
                        <?php if($item['ticket_status'] >= 1): ?>
                        <div class="lv-avatar bgm-green pull-left"><i class="md md-lock-open"></i></div>
                        <?php elseif($item['ticket_status'] == 3): ?>
                        <div class="lv-avatar bgm-blue pull-left" data-toggle="tooltip" data-placement="right" title="Ответ от агента поддержки"><i class="md md-timer-auto"></i></div>
                        <?php else: ?>
                        <div class="lv-avatar bgm-red pull-left"><i class="md md-lock-outline"></i></div>
                        <?php endif; ?>
                        <div class="media-body">
                            <div class="lv-title"><?php echo e($item['ticket_name']); ?></div>
                            <div class="lv-small">Проект: <?php if(empty($item['shop_name'])): ?> Не относиться <?php else: ?> <?php echo e($item['shop_name']); ?> <?php endif; ?> </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
                
            </div>
            
            <div class="ms-body">
                <div class="listview lv-message" id="ticket_body" style="display: block">
<?php endif; ?>
                    <div class="lv-header-alt bgm-white">
                        <div id="ms-menu-trigger">
                            <div class="line-wrap">
                                <div class="line top"></div>
                                <div class="line center"></div>
                                <div class="line bottom"></div>
                            </div>
                        </div>

                        <div class="lvh-label hidden-xs">
                            <span class="c-black"><?php echo e($ticket['ticket_name']); ?></span>
                        </div>
                        
                        <ul class="lv-actions actions">
                            <?php if($ticket['ticket_status'] != 0): ?>
                            <li data-toggle="tooltip" title="Закрыть тикет">
                                <a href="#" id="closeTicket">
                                    <i class="md md-close"></i>
                                </a>
                            </li>   
                            <?php endif; ?>                       
                        </ul>
                    </div>
                    
                    <div class="lv-body" id="messagess">    
                    <?php if($type == "messages" or $type == "block" or $type == "full" or empty($type)): ?>                                
                        <?php foreach($messages as $item): ?>
                        <?php if($item['user_group'] >= 2): ?>
                        <div class="lv-item media">
                            <div class="lv-avatar pull-left">
                                <img src="<?php echo e($item['user_avatar']); ?>" alt="">
                            </div>
                            <div class="media-body">
                                <div class="ms-item">
                                    <?php echo e($item['ticket_message_text']); ?>

                                    <br><br>
                                    С уважением, поддержка LocalPay
                                </div>
                                <small class="ms-date"><i class="md md-access-time"></i> <?php echo e(date("d.m.Y в H:i", strtotime($item['ticket_message_time']))); ?></small>
                            </div>
                        </div>
                        <?php else: ?>
                        <div class="lv-item media right">
                            <div class="lv-avatar pull-right">
                                <img src="<?php echo e($item['user_avatar']); ?>" alt="">
                            </div>
                            <div class="media-body">
                                <div class="ms-item">
                                    <?php echo e($item['ticket_message_text']); ?>

                                </div>
                                <small class="ms-date"><i class="md md-access-time"></i> <?php echo e(date("d.m.Y в H:i", strtotime($item['ticket_message_time']))); ?></small>
                            </div>
                        </div>
                        <?php endif; ?>
                        <?php endforeach; ?>
                    <?php endif; ?>
                    </div>
                    <?php if($ticket['ticket_status'] != 0): ?>
                    <div class="lv-footer ms-reply">
                        <textarea placeholder="Введите текст ответа..." id="text"></textarea>

                        <button onclick="sendAnswer()"><i class="md md-send"></i></button>
                    </div>
                    <?php endif; ?>
<?php if($type == "full" or empty($type)): ?>
                </div>

                <div class="listview lv-message bgm-white" id="ticket_empty" style="height: 500px; display: none;">
                    <div class="lv-body">
                    <div class="ticket-empty">Выберите тикет в меню слева</div>
                    </div>
                </div>
            </div>

            </div>
        </div>
    </div>
</div>
<script>
    $('body').on('click', '.ticket', function(){
        $('#loading-page').css('display', 'block');
        window.history.pushState(null, null, "/support/ticket-" + $(this).attr("ticket-id"));
        $.ajax({
            url: "/support/ticket-" + $(this).attr("ticket-id"),
            type: "POST",
            data: 'ajax=getTicket',
            dataType: "html",
            success: function(data){
                $("html,body").scrollTop($("html,body").scrollTop());
                $("#ticket_body").html(data);
                $("#ticket_body").css('display', 'block');
                $("#ticket_empty").css('display', 'none');
                $('#loading-page').css('display', 'none');
            },
            error: function(){
                message("При загрузке страницы произошла ошибка!", "danger");
            }
        });
    });

    $('body').on('click', '.sort', function(){
        $(".sort").removeClass("active");
        $(this).addClass("active");
        $("#sort-now").html($(this).attr("sort-text"));
        $.ajax({
            url: "/support",
            type: "POST",
            data: 'ajax=getTickets&sort='+$(this).attr("sort-type"),
            dataType: "html",
            success: function(data){
                $("#ticketsList").html(data);
            },
            error: function(){
                message("При загрузке страницы произошла ошибка!", "danger");
            }
        });
    });

    $('body').on('click', '#closeTicket', function(){
        $.ajax({
            
            url: location.pathname,
            type: "POST",
            data: {ajax: "closeticket"},
            success: function (data) {
                console.log(data);
                $('.lv-footer').hide();
                $('#closeTicket').hide();
                $("#sort-now").html("Закрытые");
                $.ajax({
                    url: "/support",
                    type: "POST",
                    data: 'ajax=getTickets&sort=closed',
                    dataType: "html",
                    success: function(data){
                        $("#ticketsList").html(data);
                    },
                    error: function(){
                        message("При загрузке страницы произошла ошибка!", "danger");
                    }
                });
            }
        });
    });

    function refreshmessagess(){
        $.ajax({ 
            url: location.pathname,
            type: "POST",
            data: {ajax: "getMessagess"},
            success: function (data) {
                $("#ticket_body").html(data);
            }
        })
    }


    function sendAnswer() {
        console.log(location)
        if ($("#text").val() == "") {
            message('Введите сообщение для ответа!', "danger");
        } else { 
            $.ajax({
                url: location.pathname,
                type: "POST",
                data: {ajax: "addmessage", text: $("#text").val()},
                success: function (data) {
                    console.log(data);
                    data = $.parseJSON(data);
                    switch(data.status) {
                        case 'error':
                          message(data.error, 'danger');
                          $('button[type=submit]').prop('disabled', false);                                               
                            break;
                        case 'success':
                            message(data.success, 'success');
                            refreshmessagess();
                            break;
                    }
                }
            });
        }
    };

    setInterval(refreshmessagess, 30000);
</script>
<?php endif; ?>

<?php $zara->factory->stopSection(); ?>
<?php echo $zara->compile("main", get_defined_vars(), $this->factory)->getCompiled(); ?>